<template>
	<div class="lf-content">
		<ul>
			<li><a href="#"><img src="./images/1.png" alt=""></a></li>
			<li><a href="#"><img src="./images/2.png" alt=""></a></li>
			<li><a href="#"><img src="./images/3.png" alt=""></a></li>
			<li><a href="#"><img src="./images/4.png" alt=""></a></li>
			<li><a href="#"><img src="./images/5.png" alt=""></a></li>
			<li><a href="#"><img src="./images/6.png" alt=""></a></li>
			<li><a href="#"><img src="./images/7.png" alt=""></a></li>
			<li><a href="#"><img src="./images/8.png" alt=""></a></li>
			<li><a href="#"><img src="./images/9.png" alt=""></a></li>
			<li><a href="#"><img src="./images/10.png" alt=""></a></li>
			<li><a href="#"><img src="./images/11.png" alt=""></a></li>
			<li><a href="#"><img src="./images/1.png" alt=""></a></li>
		</ul>
	</div>
</template>

<style>
	.lf-content>ul{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
	}
	.lf-content img{
		width: 3.2812rem;
		height: 2.5rem;
		border-right: 1px solid #f6f6f6;
		border-bottom: 1px solid #f6f6f6;
	}
</style>